<div class="companyFlex">
    <div ng-show="showpropmts==1" class="showFolder">
        <div class="FolderTop">
            <h1>文件分类管理</h1>
            <p ng-click="showpropmts=2"><img src="them/imgs/noSrc.png" ng-src="them/imgs/xxx.png" /></p>
        </div>
        <div class="propmt">
            <p>删除分类后，课程将会在“全部”种显示。</p>
        </div>
        <div class="Create">
            <h1 ng-click="add(item.name)">创建分类</h1>
            <ul>
                <li ng-repeat="item in creatCons track by $index">
                    <input ng-class="{'read':item.isHover}" type="text" ng-blur="addcLass(item,$index)"  ng-model="item.name" />
                    <span  style="color:red;" ng-click="del(item,$index)">删除</span>
                </li>
            </ul>
            <p>
                <a class="first" ng-click="saveCourseType()" href="javascript:;">保存</a>
                <a ng-click="showpropmts=2" href="javascript:;">取消</a>
            </p>
        </div>
    </div>
        <div class="ResourceTop"  ng-class="{'bgTabColor':ResourceTab==2}">
            <div class="topL">
            	<a ng-class="{'fontColor':ResourceTab==2}" ng-click="ResourceTabCOn()" href="javascript:;">企业博文</a>
            	<a class="disRes" href="javascript:;">|</a>
                <a ng-class="{'fontColor':ResourceTab==1}" ng-click="ResourceTabCOnOne()" href="javascript:;">企业课程</a>
                <a class="disRes" href="javascript:;">|</a>
                <a ng-class="{'fontColor':ResourceTab==3}" ng-click="ResourceTabCOnthr()" href="javascript:;">企业视频</a>

            </div>
            <div class="topR">
                <a class="sendVideo" ng-show="ResourceTab==1" href="javascript:;" ng-click="sendCOmpanyVideo()">发布课程</a>
                <a class="sendVideo" ng-show="ResourceTab==3" href="javascript:;" ng-click="sendCOmpanyVideo2()">上传视频</a>
                <a class="sendBog" ng-show="ResourceTab==2" ng-click="sendCOmpanyBlog()" ng-class="{'fontColor2':ResourceTab==2}" href="javascript:;">发布博文</a>
            </div>
            
        </div>
        <div ng-show="ResourceTab==2" class="BglagoL" style="background: #fff;">
            <no-content style="margin: 0 auto;" conf-type="'person'" conf-content="noContent" ng-if="CompanyBlogCon.length == 0"></no-content>
                <ul class="BglagoUL"  ng-repeat="item in CompanyBlogCon track by $index">
                    <li class="BglagoLTit" ng-click="showDeatilscon(item.blogId)"><a>{{ item.title }}<span><i class="iconfont hot" style="font-style: normal;font-size:24px;color: #ff5858;padding-left: 7px;">&#xe627;</i>
                    	<i style="font-style: normal;font-size:16px;color: #ff5858;">{{ item.browseCount }}</i></span></a></li>
                    <li class="InforList">
                        <a class="author" id="item.userId" href="javascript:;" ng-bind="item.nickname"></a>
                        <a href="javascript:;" ng-bind="item.createTime | date:'yyyy-MM-dd HH:mm'"></a>
                        <a class="majorinfro" href="javascript:;">专业分类:{{item.dcList[0].detailCategory.dcName}}</a>
                        <a href="javascript:;">评论&nbsp;(<span ng-bind="item.commentCount"></span>)</a>
                    </li>
                    <li class="InfroCon">
                        <span ng-bind-html="item.introduction | delHtmlTag "></span>
                        <a ng-click="showDeatilscon(item.blogId)">
                            [查看全部]
                        </a>
                    </li>
                    <li class="videoBtn">
                        <p>
                            <a  href="javascript:;" ng-click="modeBlog(item.blogId)">编辑</a>
                            <a  class="editBtn" href="javascript:;" ng-click="DeleteCompanyBlgo(item.blogId)">删除</a>
                        </p>
                    </li>
                </ul>
                <div class="pagation">
                    <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
                </div>
            </div>
        <div ng-show="ResourceTab==1" class="showResouCon">
            <div class="showVideo" style="background: #fff;">
                <div class="companyCourseTab">
                    <ul>
                        <li ng-class="{'fontColor':fcolor==-1}" ng-click="showAll()">全部 <span>({{ total }})</span></li>
                       <li ng-class="{'fontColor':fcolor==$index}" ng-click="showItmCOn(item,$index)" ng-repeat="item in creatCons" ng-bind="item.name"></li>
                         <li ng-class="{'fontColor':fcolor==-2}" ng-click="showAll2s()">未分类 <span>({{ total2 }})</span></li>
                        <li ng-click="showpropmt()">管理分类 <i class="iconfont Icondown IconSet">&#xe600;</i></li>
                    </ul>
                </div>
                <ul class="videoInfo">
                    <li class="videoInfoName">课程信息</li>
                    <li class="VideoLee">课程分类</li>
                    <li class="VideoNum">视频个数</li>
                    <li class="VideoNum">学习人数</li>
                    <li class="VideoNum">获得（积分）</li>
                    <li class="VideoNum">发布时间</li>
                    <li class="VideoNum">状态</li>
                    <li class="VideoNum">操作</li>
                </ul>
                <no-content style="width: 1200px;margin: 0 auto;" conf-type="'end'" conf-content="noContent2" ng-if="courseList.length == 0"></no-content>
                <ul ng-repeat="item in courseList track by $index">

                    <div class="courseClass" ng-mouseleave="hideClassCon($index)">
                        <p ng-hide="hidws==1" ng-mouseleave="hideC($index)" ng-mouseover="showClassCon($index)" class="classNo" ng-bind="getTypeName(item.type)">
                          
                        </p>
                        <p ng-show="hidws==1" >
                        	未分类
                        </p>
                       <div class="clsaaCon">
                       		<p ng-click="modeCourseClass2(item,2234)">未分类</p>
                           <p ng-repeat="item2 in creatCons" ng-click="modeCourseClass(item,item2)" ng-bind="item2.name">11111</p>
                       </div>
                    </div>
                    <li class="videoInfoName">
                        <a >
                            <ul>
                                <li class="videoPic"> <img src="them/imgs/noSrc.png" ng-src="{{ item.previewPath }}" alt="暂无数据" /></li>
                                <li>
                                    <p ng-click="singVideo(item)" ng-hide="item.authStatus==2||item.authStatus==0" class="videoTit" ng-bind="item.title"></p>
                                     <p ng-click="sgiw()" ng-show="item.authStatus==0" class="videoTit" ng-bind="item.title"></p>
                                      <p ng-click="sgiw()" ng-show="item.authStatus==2" class="videoTit" ng-bind="item.title"></p>
                                    <p class="videoPrice" ng-show="item.price!=0">
                                        {{ item.price }}元
                                    </p>
                                    <p class="videoPrice" ng-show="item.price==0">免费</p>
                                </li>
                            </ul>
                        </a>
                    </li>
                    <li class="VideoLee" ng-bind="item.thirdCategory.dcName"></li>
                    <li class="VideoNum" ng-bind="item.size"></li>
                    <li class="VideoNum" ng-bind="item.downloadCount"></li>
                    <li class="VideoNum" ng-bind="item.gainEprice"></li>
                    <li class="VideoNum" ng-bind="item.createTime|dateFilter"></li>
                    <li class="VideoNum">
                       <span ng-show="item.authStatus==0" style="color: #38a7ff;">审核中</span>
                        <span ng-show="item.authStatus==2" style="color: #ff898c;">未通过</span>
                        <span ng-show="item.authStatus==1" style="color: #76d474;">已通过</span>
                    </li>
                    <li class="VideoNum" ng-click="modeVIdeo(item)">
                        <span>修改</span>
                    </li>
                   
                </ul>
            </div>
            <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
        </div>
    <div ng-show="ResourceTab==3" class="showResouCon" style="background: #fff;">

        <div class="showVideo">

            <ul class="videoInfo">
                <li class="videoInfoName">视频信息</li>
                <li class="VideoLee"></li>
                <li class="VideoNum2"></li>
                <li class="VideoNum2"></li>
                <li class="VideoNum2">状态</li>
                <li class="VideoNum2">操作</li>
            </ul>
            <no-content style="width: 1200px;margin: 0 auto;" conf-type="'end'" conf-content="noContent3" ng-if="videolist.length == 0"></no-content>
            <ul ng-repeat="item in videolist track by $index">
                <li class="videoInfoName">
                    <a ng-click="singVideoplay(item)">
                        <ul>
                            <li class="videoPic"> <img src="them/imgs/noSrc.png" ng-src="{{ item.previewPath }}" alt="暂无数据" /></li>
                            <li>
                                <p class="videoTit" ng-bind="item.videoName"></p>

                                <p class="videoPrice videofont">
                                   		 上传于：{{ item.uploadTime|dateFilter}}
                                </p>
                            </li>
                        </ul>
                    </a>
                </li>
                <li class="VideoLee"></li>
                <li class="VideoNum2"></li>
                <li class="VideoNum2"></li>
                <li class="VideoNum2">
                    <span ng-show="item.status==0" style="color: #38a7ff;">审核中</span>
                    <span ng-show="item.status==1" style="color: #76d474;">已通过</span>
                    <span ng-show="item.status==2" style="color:#ff898c; ">未通过</span>
                    <span ng-show="item.status==4" style="color: #999;">已删除</span>
                </li>
                <li class="VideoNum2" ng-click="modeVIdeo2(item)">
                    <span>修改</span>
                </li>
            </ul>
        </div>
        <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
    </div>
        <div ng-show="ResourceTab==2" class="showBulagoCon">
            <div class="BglagoLR">
                <div class="BglagoCon">
                    <h1>本周人气博文</h1>
                    <div class="BglagoConList">
                        <dl  ng-repeat="item in PeoPleCon track by $index" >
                            <dt>
                                <span ng-bind="($index)+1" ng-style="content[$index]"></span>
                            </dt>
                            <dd>
                            	 <a  ng-click="showDeatilsconperson(item.blogId,item.userId)"ng-show="item.type==0" target="_blank"  ng-bind="item.title"></a>
                                 <a  ng-click="showDeatilsconperson(item.blogId,item.userId)"ng-show="item.type==2" target="_blank"  ng-bind="item.title"></a>
                                <a ng-click="showDeatilsconCompany(item.blogId,item.userId)" ng-show="item.type==1" target="_blank"  ng-bind="item.title"></a>
                                <span ng-bind="item.browseCount" ></span>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
     </div>
<style>
    /*弹出样式*/
    .showFolder{
        width:420px;
        height:387px;
        position: fixed;
        top:10px;
        left:600px;
        background: #fff;
        z-index:9999;
        border:1px solid #ddd;
    }
    .FolderTop{
        height:51px;
        background: #f7f7f7;
        border-bottom:1px solid #ddd;
    }
    .FolderTop h1{
        float: left;
        font-size:18px;
        line-height:54px;
        padding-left:16px;
    }
    .FolderTop p{
        float: right;
        margin-top:16px;
        margin-right:14px;
        cursor: pointer;
    }
    .showFolder .propmt{
        clear: both;
        height:51px;
        line-height:51px;
        text-align: left;
    }
    .showFolder .propmt p {
        padding-left:20px;
        color: #999;
        margin-left:16px;
        background: url("them/imgs/propmtIcon.jpg") no-repeat 0 20px;
    }
    .showFolder .Create {
        margin-left:16px;
    }
    .showFolder .Create ul {
        margin-top:16px;
        height:170px;
        overflow-y: auto;
    }
    .showFolder .Create ul li{
        margin-bottom:14px;
    }
    .showFolder .Create ul li input{
        width:273px;
        height:28px;
        border:1px solid #ddd;
        padding-left:5px;
    }
    .showFolder .Create ul li input.read{
        border:none;
    }
    .showFolder .Create ul li{
        height:32px;
        line-height:32px;
        cursor: pointer;
    }
    .showFolder .Create ul li span{
        cursor: pointer;
        padding-left:5px;
        color: #999;
    }
    .showFolder .Create h1{
        width:370px;
        height:54px;
        background: #f7f7f7;
        line-height:54px;
        font-size:12px;
        color: #30a3ff;
        padding-left:16px;
        cursor: pointer;
    }
    .showFolder .Create p {
        margin-top:10px;
        text-align: right;
        padding-right:16px;
    }
    .showFolder .Create p a{
        display: inline-block;
        width:50px;
        height:20px;
        background: #ddd;
        text-align: center;
        line-height:20px;
    }
    .showFolder .Create p a.first{
        background: #30a3ff;
        color: #fff;
        margin-right:20px;
    }
.pagation{
    margin-bottom:65px;
}
    .ResourceTop{
        width:1200px;
        height:33px;
        margin-top:29px;
    }
        .ResourceTop .topL{
            float: left;
            width:254px;
            margin-left:25px;
        }
        .ResourceTop .topR{
            margin-top: -14px;
            float: right;
            width: 89px;
            height: 30px;
            margin-right: 25px;
            margin-bottom: 20px;
        }
             .ResourceTop .topR a{
                 display: block;
                 width:89px;
                 height:30px;
                 background: #30a3ff;
                 text-align: center;
                 line-height:30px;
                 color: #fff;
                 font-size: 14px;
             }
             .ResourceTop .topR a.sendVideo{
             	margin-top: 10px;
             }
             .ResourceTop .topR a.sendBog{
             	margin-top: 14px;
             }
             .disRes{
                padding-left:20px;
                padding-right:20px;
                color: #ddd;
            }
    .bgTabColor{
        width:871px;
        float: left;
    }
    .fontColor{
         color: #30a3ff;
    }
        .showVideo{
            width:1198px;
            border:1px solid #ddd;
            border-bottom:none;
            margin-bottom:56px;
        }
        .showVideo ul {
            position: relative;
            height:121px;
            width:100%;
            background: #fff;
            border-bottom:1px solid #ddd;
        }
        .showVideo ul div.courseClass {
            position: absolute;
            left: 193px;
            height:165px;
            top: 39px;
            z-index: 8;
        }
        .showVideo ul div.courseClass p{
            color: #999;
            width:158px;
            cursor: pointer;
        }
        .showVideo ul div.courseClass p.classNo{
            background: url(them/imgs/downTrh.jpg) 92px 8px no-repeat;
        }
        .clsaaCon{
            display: none;
            position: absolute;
            margin-top:10px;
            border:1px solid #ddd;
            background: #fff;
            width:158px;
            height:132px;
            overflow: hidden;
            overflow-y: auto;
        }
        .clsaaCon p{
            height:40px;
            line-height:40px;
            padding-left:13px;
            color: #999;
        }
        .clsaaCon p:hover{
            background: #fafafa;
        }
        .showVideo ul li{
            float: left;
            height:100%;
            text-align: center;
            line-height:121px;
        }
        .showVideo ul li ul {
            width:387px;
            height:83px;
            margin:19px 0 0 24px;
            border-bottom:none;
        }
        .showVideo ul li ul li{
            float: left;
        }
        .showVideo ul li ul li.videoPic{
            float: left;
            width:147px;
            height:83px;
            margin-right:22px;
        }
        .showVideo ul li ul li.videoPic img {
            width:100%;
            height:100%;
        }
        .showVideo ul li ul li p.videoTit{
        	width: 214px;
    	    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
            font-size:14px;
            margin-bottom:54px;
            height:18px;
            text-align: left;
            line-height: 13px;
     
            position: relative;
        }
        .showVideo ul li ul li p.videoTea {
            font-size: 12px;
            color: #999;
            margin-bottom:29px;
            height:13px;
            text-align: left;
            line-height: 13px;
        }
        .showVideo ul li ul li p.videoPrice{
            color: #30a3ff;
            font-size:12px;
            text-align: left;
            line-height: 13px;
            height:13px;
        }
    .showVideo ul li ul li p.videofont{
            color: #999;
        }
        .showVideo ul.videoInfo {
            height:38px;
            width:100%;
            border-bottom:1px solid #ddd;
            background: #f5f5f5;
        }
        .showVideo ul.videoInfo li{
            height:38px;
            line-height:38px;
        }
        .showVideo ul li.VideoLee {
            width:160px;
            white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
        }
        .showVideo ul li.videoInfoName {
            width:435px;

        }
        .showVideo ul li.VideoNum {
             width:100px;
            cursor: pointer;
         }
    .showVideo ul li.VideoNum2 {
        width:150px;
        cursor: pointer;
    }
        .companyCourseTab ul{
            height:40px;
            background: #fff;
        }
        .companyCourseTab ul li{
            float: left;
            line-height:40px;
            margin-left:25px;
            cursor: pointer;
        }
    .companyCourseTab ul li i.Icondown {
        padding-left:10px;
        font-size: 12px;
        color: #999;
    }
    .companyCourseTab ul li i.IconSet{
        padding-left:1px;
    }
    .BglagoLR{
        float: right;
        width:311px;
        height:644px;
        margin-top:-29px;
    }
    .BglagoLR .BglagoCon {
        background: #fff;
        width:311px;
    }
    .BglagoLR .BglagoCon .BglagoConList{
        width:279px;
        margin: 22px 0 0 15px;
    }
    .BglagoLR .BglagoCon h1 {
        width:248px;
        height:56px;
        line-height:56px;
        margin-top:30px;
        margin-left:7px;
        border-bottom: 1px #ddd solid;
        padding-left: 43px;
        overflow: hidden;
        background: #fff url("them/imgs/zfx.png") 14px 21px no-repeat;
        background-size: 14px 14px;
        font-size: 16px;
        color: #010101;
    }

    .BglagoLR .BglagoCon  dl {
        width: 280px;
        height: 54px;
        margin-bottom: 8px;
    }
    .BglagoLR .BglagoCon  dl dt{
        font-size: 14px;
        width: 25px;
        height: 20px;
        background: #fff;
        z-index: 2;
        float: left;
    }
    .BglagoLR .BglagoCon  dl dd a{
		display: block;
		float: left;
		width: 198px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis
    }
    .BglagoLR .BglagoCon  dl dd span {
        display: block;
        width: 47px;
        height: 13px;
        background: url(them/img/eye.png) no-repeat 0 2px;
        float: right;
        padding-left: 14px;
    }
    .BglagoL{
        width:871px;
        float: left;
        background: #fff;
        border-top:1px solid #ddd;
        margin-bottom: 30px;
    }
    .BglagoL .BglagoLTit {
        font-size:24px;
        margin-bottom:12px;
    }
    .BglagoL .BglagoLTit span{
        padding-left:20px;
        cursor: default;
    }
    .BglagoL .BglagoLTit i{
       /* font-style: normal;
        color: #ff5858;
        padding-left:7px;*/
       /* font-size:24px;*/
    }
        .BglagoL ul.BglagoUL{
            margin-left:20px;
            margin-top:20px;
            border-bottom:1px solid #ddd;
        }
        .BglagoL ul.BglagoUL li.InforList{
            margin-bottom:19px;
        }
        .BglagoL ul li.InforList a {
            color: #999;
        }
        .BglagoL ul.BglagoUL li.InforList a.author {
            color: #30a3ff;
            padding-right:32px;
            cursor: default;
       }
     .BglagoL ul.BglagoUL li  a.majorinfro {
         padding-left:34px;
         padding-right:32px;
     }
    .BglagoL ul.BglagoUL li.InfroCon{
        width:829px;
        color: #a9a9a9;
        font-size: 14px;
        line-height:24px;
    }
    .BglagoL ul.BglagoUL li.InfroCon p{
    	display: inline-block;
    }
    .BglagoL ul.BglagoUL li.InfroCon a {
        color: #30a3ff;
    }
    .BglagoL ul.BglagoUL li.videoBtn{
        overflow: hidden;
    }
    .BglagoL ul.BglagoUL li.videoBtn p{
        float: right;
        margin:10px 26px 15px 0;
    }
    .BglagoL ul.BglagoUL li.videoBtn p a {
        float: left;
        display: block;
        width:46px;
        background: url(them/imgs/editIcon.jpg) 28px 2px no-repeat;
        -webkit-background-size:;
        background-size:;
    }
    .BglagoL ul.BglagoUL li.videoBtn p a.editBtn{
        margin-left:20px;
        background: url(" them/imgs/xxx.png") 28px 4px no-repeat;
        -webkit-background-size:11px 11px;
        background-size:11px 11px;
    }
</style>